<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>新版手机站</title>
		<meta name="viewport" content="width=640,user-scalable=no">

		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="stylesheet" href="css/style.css">
		<style>
			.banner .swiper-pagination .swiper-pagination-bullet {
				background: rgba(255, 0, 0, 1);
			}
			
			.menu-item {
				background: rgba(255, 0, 0, .025);
			}
			
			.hot-product .menu-content .swiper-slide .info {
				background: rgba(255, 0, 0, 1);
				box-shadow: 2px 2px 24px rgba(255, 0, 0, .6);
			}
			
			.product-center .tabs a:before {
				background: rgba(255, 0, 0, 1);
			}
			
			.product-center .tabs a.active {
				color: rgba(255, 0, 0, 1);
			}
			
			.product-center .item h4 {
				box-shadow: 0px 4px 10px rgba(255, 0, 0, .15);
			}
			
			.product-cat {
				border-top: 4px solid rgba(255, 0, 0, 0.09);
			}
			
			.product-cat a {
				border: 1px solid rgba(255, 0, 0, .09);
			}
			
			.ys:before {
				background: rgba(255, 0, 0, 1);
			}
			
			.ys .online span {
				color: rgba(255, 0, 0, 1);
			}
			
			.ys .swiper-slide {
				box-shadow: 2px 2px 20px rgba(255, 0, 0, .3);
			}
			
			.ys .swiper-pagination .swiper-pagination-bullet {
				background: rgba(255, 0, 0, 1);
			}
			
			.tt {
				background: rgba(255, 0, 0, .025);
			}
			
			.tt h4 {
				color: rgba(255, 0, 0, 1);
			}
			
			.tt a {
				background: rgba(255, 0, 0, 1);
				box-shadow: 0px 0px 15px 4px rgba(255, 0, 0, .5);
			}
			
			.case .swiper-slide {
				box-shadow: 0px 5px 15px rgba(255, 0, 0, .4);
			}
			
			.case .swiper-slide .item-title {
				background: rgba(255, 0, 0, 1);
			}
			
			.about:before {
				background: rgba(255, 0, 0, 1);
			}
			
			.about .img {
				box-shadow: 0px 5px 8px rgba(255, 0, 0, .2);
			}
			
			.news .tabs a.active {
				color: rgba(255, 0, 0, 1);
			}
			
			.news .tabs a i:before {
				-webkit-filter: drop-shadow(rgb(255, 0, 0) 45px 0px);
				filter: drop-shadow(rgb(255, 0, 0) 45px 0px);
			}
			
			.news .tabs a:before {
				background: rgba(255, 0, 0, 1);
			}
			
			.news .tabs .active:before {
				width: 40px;
				margin-left: -20px;
			}
			
			.news .items {
				box-shadow: 0px 5px 8px rgba(255, 0, 0, .15);
			}
			
			.footer {
				background: rgba(255, 0, 0, 1);
			}
			
			.footer .gotop {
				box-shadow: 0px 0px 20px 0px rgba(255, 0, 0, .6);
			}
			
			.footer .gotop:before {
				-webkit-filter: drop-shadow(rgb(255, 0, 0) 45px 0px);
				filter: drop-shadow(rgb(255, 0, 0) 45px 0px);
			}
			
			.footer-bar {
				background: rgba(255, 0, 0, 1);
				box-shadow: 0px 0px 20px 0px rgba(255, 0, 0, .6);
			}
			
			#kefu-ball {
				background: rgba(255, 0, 0, 1);
				box-shadow: 0px 0px 20px 0px rgba(255, 0, 0, .6);
			}
		</style>
	</head>

	<body>
		<div class="header">
			<div class="logo-img">
				<img src="img/logo.png" />
			</div>
			<h1>西安万家灯火信息技术有限公司</h1>
			<p>万家灯火CMS系统 先天快人一步</p>
		</div>
		<div class="banner wow fadeInUp">
			<div class="swiper">
				<div class="current-swiper swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide b1">
							<img src="pic/banner.jpg">
						</div>
						<div class="swiper-slide b2">
							<img src="pic/banner2.jpg">
						</div>
						<div class="swiper-slide b3">
							<img src="pic/banner3.jpg">
						</div>
					</div>
				</div>
				<div class="nocurrent-swiper left-swiper swiper-container swiper-no-swiping">
					<div class="swiper-wrapper">
					</div>
				</div>
				<div class="nocurrent-swiper right-swiper swiper-container swiper-no-swiping">
					<div class="swiper-wrapper">
					</div>
				</div>

				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="nav wow fadeInUp" data-wow-delay=".2s">
			<ul>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/menu1.png" />
						<span>网站首页</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="hot-product menu-item">
			<div class="container">
				<div class="menu-title">
					<a href="" class="more">更多&gt;&gt;</a>
					<h3><a href="">热门产品</a></h3>
				</div>
			</div>
			<div class="menu-content wow fadeInUp">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="">
								<img src="pic/img1.jpg" />
								<div class="info">
									<h4>各种小型挣钱机器</h4>
									<p>3千元致富小机器图片</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<img src="pic/img1.jpg" />
								<div class="info">
									<h4>各种小型挣钱机器</h4>
									<p>3千元致富小机器图片</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<img src="pic/img1.jpg" />
								<div class="info">
									<h4>各种小型挣钱机器</h4>
									<p>3千元致富小机器图片</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<img src="pic/img1.jpg" />
								<div class="info">
									<h4>各种小型挣钱机器</h4>
									<p>3千元致富小机器图片</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide last-slide">
							<span class="icon"></span>
							<p class="text">
								<a href="http://baidu.com" class="">左滑查看更多</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="empty"></div>
		<div class="product-center menu-item">
			<div class="container">
				<div class="menu-title">
					<a href="" class="more">更多&gt;&gt;</a>
					<h3><a href="">产品中心</a></h3>
				</div>
			</div>
			<div class="menu-content">

				<div class="container">
					<div class="product-cat wow fadeInUp">
						<a href="">营销型网站</a>
						<a href="">营销型网站</a>
						<a href="">营销型网站</a>
						<a href="">营销型网站</a>
						<a href="">营销型网站</a>
						<a href="">营销型网站</a>
						<a href="">营销型网站</a>
						<a href="">查看更多&gt;&gt;</a>
					</div>
					<div class="tabs wow fadeInUp" data-wow-delay=".1s">
						<a href="#" class="active">密目式安全立网 </a>
						<a href="#">安全平网</a>
						<a href="#">遮阳网</a>
						<a href="#">安全平网</a>
						<a href="#">安全平网</a>
						<a href="#">安全平网</a>
						<a href="#">安全平网</a>
						<a href="#">安全平网</a>
						<a href="#">安全平网</a>
					</div>
				</div>
				<div id="tabs-product" class="swiper-container wow fadeInUp" data-wow-delay=".2s">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="" class="item" data-swiper-parallax="-1000">
								<div class="img">
									<img src="pic/img1.jpg">
								</div>
								<h4>公司设备名称</h4>
							</a>
							<a href="" class="item" data-swiper-parallax="-2000">
								<div class="img">
									<img src="pic/img1.jpg">
								</div>
								<h4>公司设备名称</h4>
							</a>
						</div>
						<div class="swiper-slide" data-swiper-parallax="-1000">

							<a href="" class="item">
								<div class="img">
									<img src="pic/img1.jpg">
								</div>
								<h4>公司设备名称</h4>
							</a>
							<a href="" class="item" data-swiper-parallax="-2000">
								<div class="img">
									<img src="pic/img1.jpg">
								</div>
								<h4>公司设备名称</h4>
							</a>
						</div>
						<div class="swiper-slide">

							<a href="" class="item" data-swiper-parallax="-1000">
								<div class="img">
									<img src="pic/img1.jpg">
								</div>
								<h4>公司设备名称</h4>
							</a>
							<a href="" class="item" data-swiper-parallax="-2000">
								<div class="img">
									<img src="pic/img1.jpg">
								</div>
								<h4>公司设备名称</h4>
							</a>
						</div>
					</div>
				</div>

			</div>
		</div>
		<div class="ys menu-item">
			<div class="container">
				<div class="menu-title">
					<h3><a href="">实力见证</a></h3>
					<a href="" class="online">
						全国咨询热线
						<p>400-0599-360</p>
						<span>点击拨打</span>
					</a>
				</div>
				<div class="menu-content wow flipInY">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<div class="img">
									<img src="pic/banner.jpg">
								</div>
								<div class="info">
									<h4><span>01</span>实力强大，设备先进工程不外包</h4>
									<p>团队优：湖大专家坐阵，自有技术团队和施工团队融合，工程不外包。理念新：率先掌握国内外先进防水设计理念，在实践中精工细作。</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="img">
									<img src="pic/banner.jpg">
								</div>
								<div class="info">
									<h4><span>02</span>实力强大，设备先进工程不外包</h4>
									<p>团队优：湖大专家坐阵，自有技术团队和施工团队融合，工程不外包。理念新：率先掌握国内外先进防水设计理念，在实践中精工细作。</p>
								</div>
							</div>
							<div class="swiper-slide">
								<div class="img">
									<img src="pic/banner.jpg">
								</div>
								<div class="info">
									<h4><span>03</span>实力强大，设备先进工程不外包</h4>
									<p>团队优：湖大专家坐阵，自有技术团队和施工团队融合，工程不外包。理念新：率先掌握国内外先进防水设计理念，在实践中精工细作。</p>
								</div>
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="tt">
			<h4 class="wow fadeInUp">快人一步，万家灯火让你赢在网络营销起跑线上</h4>
			<p class="wow fadeInUp" data-wow-delay="0.1s">6000家企业共同见证网络营销一个好的网站不仅能赚钱</p>
			<a href="" class="wow fadeInUp" data-wow-delay="0.2s">立即拨打 | 全国热线：4000599360</a>
		</div>
		<div class="empty"></div>
		<div class="case container menu-item">
			<div class="menu-title">
				<a href="" class="more">更多&gt;&gt;</a>
				<h3><a href="">案例展示</a></h3>
			</div>
			<div class="menu-content wow fadeInUp">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<!-- 至少调用四个 -->
						<div class="swiper-slide">
							<a href="">
								<div class="item-title">
									<h4>现代高层办公大楼(31651)</h4></div>
								<div class="img">
									<img src="pic/img1.jpg" />
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<div class="item-title">
									<h4>现代高层办公大楼(31651)</h4></div>
								<div class="img">
									<img src="pic/img1.jpg" />
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<div class="item-title">
									<h4>现代高层办公大楼(31651)</h4></div>
								<div class="img">
									<img src="pic/img1.jpg" />
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<div class="item-title">
									<h4>现代高层办公大楼(31651)</h4></div>
								<div class="img">
									<img src="pic/img1.jpg" />
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="about menu-item">
			<div class="container">
				<div class="menu-title">
					<a href="" class="more">更多&gt;&gt;</a>
					<h3><a href="">公司简介</a></h3>
				</div>
				<div class="menu-content">
					<div class="info wow fadeInUp">
						<h4><a href="">西安动力无限信息科技股份有限公司</a></h4>
						<p>所有产品均通过ISO9001国际质量体系认证,所有产品均通过ISO9001国际质量体系 认证所有产品均通过ISO9001国际质量体系认证所有产品均通过ISO9001国际质量 体系认证</p>
					</div>
					<div class="img wow fadeInUp" data-wow-delay=".3s">
						<img src="pic/img1.jpg">
					</div>

				</div>
			</div>
		</div>
		<div class="news container menu-item">
			<div class="tabs wow fadeInUp">
				<a href="#" class="active"><i></i>公司新闻</a>
				<a href="#"><i></i>行业新闻</a>
				<a href="#"><i></i>常见问题</a>
			</div>
			<div id="tabs-news" class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="items" data-swiper-parallax="-1000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-2000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-3000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-4000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="items" data-swiper-parallax="-1000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-2000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-3000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-4000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="items" data-swiper-parallax="-1000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-2000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-3000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
						<div class="items" data-swiper-parallax="-4000">
							<a href="">
								<div class="img">
									<img src="pic/img1.jpg" alt="" />
								</div>
								<div class="info">
									<h4>优质材料，品质更优良 产品质量保证</h4>
									<p>优质材料，品质更优良 产品质量保证优质材料，品质更优....</p>
									<span>2018-6-5</span>
								</div>
							</a>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<a href="" class="gotop wow"></a>
				<div class="info wow">
					<p>联系人：杨经理 手机：1132456798<br> 电话：029-132465798 QQ：465132798<br> 地址：建西街999号左邻右舍333层中国重庆老版火锅
						<br> 技术支持： 动力无限<br>
						<img src="img/5.png" alt="" height="23" />
					</p>
					<div class="qrcode wow fadeInUp">
						<img src="pic/qrcode.jpg" alt="" />
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bar">
			<ul>
				<li>
					<a href=""><img src="img/home.png" alt="" /><span>首页</span></a>
				</li>
				<li>
					<a href=""><img src="img/home.png" alt="" /><span>首页</span></a>
				</li>
				<li>
					<a href=""><img src="img/home.png" alt="" /><span>首页</span></a>
				</li>
				<li>
					<a href=""><img src="img/home.png" alt="" /><span>首页</span></a>
				</li>
			</ul>
		</div>
		<div id="kefu-ball">
			<a href=""><img src="img/kefu.png" alt="" /></a>
		</div>
		<script src="js/Zepto.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/wow.min.js"></script>
		<script src="js/Inertia.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>